.container {
  background-color: #f4f6fa;

  .message {
    width: 19px;
    height: 19px;
    transform: translateY(3px);
  }

  .red_dot {
    position: absolute;
    right: -1px;
    top: -1px;
    width: 8.33px;
    height: 8.33px;
    background: #ff6161;
    border-radius: 50%;
  }

  .check::after {
    content: "\e728";
  }

  .item {
    width: 100%;

    > div {
      > img {
        width: 23px;
        height: 23px;
        margin-right: 20px;
      }
    }
  }

  /deep/ .van-dropdown-menu__title::after {
    color: #555 !important;
    z-index: 100;
  }

  /deep/ .van-cascader__header {
    display: none;
  }

  /deep/ .van-dropdown-menu {
    width: 33.33% !important;
  }

  /deep/ .van-dropdown-menu__bar {
    box-shadow: none;
  }

  > .card.item {
    width: 354.17px;
    height: 135.42px;
    background: #ffffff;
    border-radius: 6.94px;
    margin: 10px;
    padding: 17px 10px 18px;

    .item_left {
      img {
        width: 62.5px;
        height: 62.5px;
        border-radius: 10px;
      }

      .count {
        width: 80px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        font-size: 11.81px;
        font-family: Microsoft YaHei, Microsoft YaHei-Regular;
        font-weight: 400;
        text-align: center;
        color: #999999;
        transform: translateX(-10px);
      }
    }

    .item_right {
      width: 252px;
      position: relative;

      .btn {
        position: absolute;
        right: 0;
        bottom: 0;
        width: 69.44px;
        height: 34.72px;
        font-size: 12.5px;
        font-family: Microsoft YaHei, Microsoft YaHei-Regular;
        font-weight: 400;
        text-align: center;
        color: #ffffff;
      }

      .department {
        div {
          font-size: 12.5px;
          font-family: Microsoft YaHei, Microsoft YaHei-Regular;
          font-weight: 400;
          text-align: left;
          color: #777777;
        }
      }

      .sex {
        font-size: 12.5px;
        font-family: Microsoft YaHei, Microsoft YaHei-Regular;
        font-weight: 400;
        text-align: left;
        color: #777777;
      }

      .label {
        .text {
          margin-right: 7px;
          font-size: 12.5px;
          font-family: Microsoft YaHei, Microsoft YaHei-Regular;
          font-weight: 400;
          text-align: left;
          color: #777777;
        }
      }

      .name_stauts {
        .name {
          font-size: 15.97px;
          font-family: Microsoft YaHei, Microsoft YaHei-Regular;
          font-weight: bold;
          text-align: left;
          color: #333333;
        }

        .status {
          font-size: 13.89px;
          font-family: Microsoft YaHei, Microsoft YaHei-Regular;
          font-weight: bold;
          text-align: left;
          color: #00aeff;
        }
      }
    }
  }
}

.label_icon {
  width: 21.67px;
  height: 21.67px;
  margin-right: 3.33px;
  &:last-child {
    margin-right: 0;
  }
}
